@charset "UTF-8";
@import "./common.scss";


#page{width: 100%;height: 100%; position: absolute; left: 50%; top: 50%;overflow: hidden; transform: translate3d(-50%, -50%, 0px); -webkit-transform: translate3d(-50%, -50%, 0px);-moz-transform: translate3d(-50%, -50%, 0px);
  .menu-btn{ width: 30px; height: 30px; position: fixed; right: 2rem; top: 10px; z-index: 100; display: none;
    span{ height: 6px; overflow: hidden; background: #fff; display: block; margin-bottom: 2px;}
  };
}
.swiper-container { width: 100%;height: 100%;left: 0; top: 0; position: absolute;
  .swiper-slide{width:100%;height:100%; 
    .main-pic{ width: 6.95rem; left: 1.5rem;top: 0.8rem; position: absolute; height: 3.5rem;overflow: auto;}
    .ban1_main{ width: 3.2rem; height: 2rem;position: absolute; left: 0.44rem; top: 1.8rem; padding-top: 15px;
      background: url(../img/tm_ban_01_01.png) no-repeat; background-size: 100% 100%;
      a,span{ width: 40%;  margin:3px 5%; float: left;
      	img{ width: 100%;}
      }
    }
    .ban4_main{ position: absolute;width: 7rem; height: 3.2rem; left: 2.28rem; top: 1rem;
      a{ width: 1.42rem; height: 1rem;  position: absolute;}
      .btn_01{ left: 0.2rem; top: 0.1rem;}
      .btn_02{ left: 1.85rem; top: 0.1rem;}
      .btn_03{ left: 4.6rem; top: 1.1rem;}
      .btn_04{ left: 3.75rem; top: 2.1rem;}
      .btn_05{ left: 5.4rem; top: 2.1rem;}
    }
    .ban7_main{ width: 7.65rem; height: 4rem;position: absolute; left: 50%; margin-left: -3.82rem; top: 0.7rem;
      a{ width: 20%;  margin:0 2.5%; float: left;
      	img{ width: 100%;}
      }
    }
  }
  .swiper-button-prev,
  .swiper-button-next{ width: 35px;}
  .swiper-button-prev{ background: url(../img/left_btn.png) no-repeat; background-size:auto 100% ;}
  .swiper-button-next{ background: url(../img/right_btn.png) no-repeat; background-size:auto 100% ;}
}
// #swiper-container-two{display: none}
.ani{position:absolute;}

